<script setup lang="ts">
// const emit = defineEmits(['close']);

// const clickHandler = (event: PointerEvent) => {
//   // This handler is specifically for close slot clicks
//   // The actual implementation in DialogBody checks if the parent is a dialog
//   // and calls hide() on it when the close button is clicked
//   if (!event.defaultPrevented) {
//     // Finding closest dialog element
//     const dialogElement = (event.target as HTMLElement).closest(
//       'fluent-dialog',
//     );
//     if (dialogElement) {
//       (dialogElement as any).hide?.();
//       emit('close');
//     }
//   }
// };
</script>

<template>
  <fluent-dialog-body>
    <slot></slot>
    <!-- eslint-disable-next-line vue/no-deprecated-slot-attribute -->
    <span slot="close">
      <slot name="close"></slot>
    </span>
  </fluent-dialog-body>
</template>
